@import url('pages_com.less');

.travel-info-hd p .price .price-icon,
.travel-info-hd p .satisfaction .satisfaction-icon,
.travel-info-hd p .user-sel .user-sel-icon,
.travel-info-hd p .user-sel .user-sel-go-icon,
.user-op .tel .user-op-icon i,
{
  background: url('../img/pages_spire_1.png') no-repeat;
  display: inline-block;
  vertical-align: middle;
  background-size: 151px 140px;
}

//swiper-container
.swiper-container {
  margin-top: 44px;
  max-width: 750px;
  .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    max-height: 150px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    a {
      max-width: 750px;
      height: 100%;
      img {
        width: 100%;
        display: block;
      }
    }
  }
  .swiper-pagination-bullet {
    background: #E8E8E8;
    opacity: .6;
    width: 10px;
    height: 10px;
  }
  .swiper-pagination-bullet-active {
    background: #fff;
    opacity: 1;
  }
}

//travel-info
.travel-info {
  color: #333333;
}

.travel-info-hd {
  .travel-info-tit, p {
    padding: 0 12px;
    border-bottom: 1px solid #D9D9D9;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
  }

  .travel-info-tit {
    font-size: 18px;
    color: #444444;
    font-weight: normal;
  }
  p {
    span {
      em {
        color: #FD1113;
        font-style: normal;
        padding: 0 5px;
      }
    }

    .price {
      float: left;
      .price-icon {
        width: 21px;
        height: 27px;
        background-position: 0 0;
      }
    }

    .satisfaction {
      float: right;
      .satisfaction-icon {
        width: 25px;
        height: 20px;
        background-position: -42px -32px;
        margin-top: -4px;
        margin-right: 4px;
      }
    }

    .user-sel {
      a {
        color: #333333;
        display: block;
      }
      .user-sel-icon {
        width: 30px;
        height: 28px;
        background-position: 0 -35px;
        margin-right: 5px;
        margin-top: -9px;
      }
      .user-sel-go-icon {
        float: right;
        width: 15px;
        height: 19px;
        background-position: -125px -121px;
        margin-top: 14px;
      }
    }

  }

  .visa-detail {
    margin-left: 30px;
    span {
      border-bottom: 1px solid #D9D9D9;
      height: 50px;
      line-height: 50px;
      font-size: 16px;
      display: block;
    }
  }
}

.travel-info-bd {
  padding: 12px 12px 0;
}

.journey {
  .order-intro-mod-tit {
    .order-intro-mod-tit-icon {
      background-position: -125px -102px;
      margin-top: -3px;
    }
  }
}

.route-feature {
  .order-intro-mod-tit {
    .order-intro-mod-tit-icon {
      width: 21px;
      height: 21px;
      background-position: -75px -31px;
    }
  }
}

.price-includes {
  .order-intro-mod-tit {
    .order-intro-mod-tit-icon {
      width: 26px;
      height: 24px;
      background-position: -57px -63px;
    }
  }
}

.price-no-includes {
  .order-intro-mod-tit {
    .order-intro-mod-tit-icon {
      width: 26px;
      height: 24px;
      background-position: -27px -99px;
    }
  }
}

.contract-payment {
  .order-intro-mod-tit {
    .order-intro-mod-tit-icon {
      width: 22px;
      height: 18px;
      background-position: -89px -65px;
    }
  }
}

//visa页面
.visa-intro {
  .order-intro-mod-tit {
    .order-intro-mod-tit-icon {
      width: 21px;
      height: 18px;
      background-position: -130px -33px;
      margin-top: -2px;
    }
  }
}

.need-data {
  .order-intro-mod-tit {
    .order-intro-mod-tit-icon {
      width: 22px;
      height: 16px;
      background-position: -103px -34px;
    }
  }
}

.bookings {
  .order-intro-mod-tit {
    .order-intro-mod-tit-icon {
      width: 22px;
      height: 20px;
      background-position: -89px -66px;
      margin-top: 2px;
    }
  }
}

.handling-procedures {
  .order-intro-mod-tit {
    .order-intro-mod-tit-icon {
      width: 26px;
      height: 18px;
      background-position: -125px -102px;
      margin-top: -6px;
    }
  }
}

.warm-prompt {
  .order-intro-mod-tit {
    .order-intro-mod-tit-icon {
      width: 25px;
      height: 24px;
      background-position: -98px -101px;
      margin-top: -4px;
    }
  }
}

.remark {
  .order-intro-mod-tit {
    .order-intro-mod-tit-icon {
      width: 25px;
      height: 24px;
      background-position: -98px -101px;
    }
  }
}

//user-op
.user-op {
  text-align: center;
  margin-top: 40px;
  margin-bottom: 100px;
  a {
    border-radius: 5px;
    color: #ffffff;
    font-size: 16px;
    //padding: 12px 30px;
    padding: 12px 0;
    width: 45%;
    display: inline-block;
    margin: 0 5px;
    background-color: #272B34;
  }
  .tel {
    position: relative;
    .user-op-icon {
      position: absolute;
      top: -26px;
      left: 13px;
      border-radius: 50%;
      height: 38px;
      width: 38px;
      background-color: #FC3C51;
      box-shadow: 0 1px 8px #D6D6D6;
      i {
        width: 27px;
        height: 27px;
        background-position: -27px 0;
        margin-top: 4px;
      }
    }
  }
  .buy-now{
    background-color: #FC3C51;
  }
}

.travel-visa-ad {
  padding: 0 12px;
  margin-bottom: 10px;
  margin-top: 44px;
  img {
    width: 100%;
  }
}

.order-intro-mod-cont p img {
  width: 100%;
}

//expert-visit-detail
.expert-visit-detail .order-intro-mod .order-intro-mod-tit .order-intro-mod-tit-icon {
  background: url("../img/icon_spire_03.png") no-repeat;
  background-size: 227px 170px;
  margin-top: -2px;
}

.expert-visit-detail {
  .order-intro-mod .order-intro-mod-tit {
    background-color: #F1F1F1;
  }
  .order-intro-mod .order-intro-mod-cont {
    background-color: #F9F9F9;
  }
}

.expert-visit-detail .expert-intro .order-intro-mod-tit .order-intro-mod-tit-icon {
  width:26px;height:19px;
  background-position:-109px 0;
}
.expert-visit-detail .journey .order-intro-mod-tit .order-intro-mod-tit-icon {
  background-position: -141px 0;
  width: 23px;
  height: 24px;
}

.expert-visit-detail .route-feature .order-intro-mod-tit .order-intro-mod-tit-icon {
  width: 22px;
  height: 21px;
  background-position: -36px -22px;
}

.expert-visit-detail .price-includes .order-intro-mod-tit .order-intro-mod-tit-icon {
  width: 25px;
  height: 25px;
  background-position: -92px -24px;
}

.expert-visit-detail .price-no-includes .order-intro-mod-tit .order-intro-mod-tit-icon {
  width: 26px;
  height: 25px;
  background-position: -118px -24px;
}

.expert-visit-detail .contract-payment .order-intro-mod-tit .order-intro-mod-tit-icon {
  width: 22px;
  height: 21px;
  background-position: -190px 0;
}

.expert-visit-detail .remark .order-intro-mod-tit .order-intro-mod-tit-icon {
  width: 25px;
  height: 25px;
  background-position: -63px -23px;
}

.expert-visit-detail .order-intro-mod-cont{
  line-height: 22px;
  text-indent: 0;
  .expert-avatar{
    float: left;
    width: 80px;
    height: 80px;
    overflow: hidden;
    margin-right: 15px;
    img{
      width: 100%;
      height: 100%;
      display: block;
    }
  }
  .expert-info{
    .expert-info-tit{
      font-size: 16px;
      color: #626262;
      overflow: hidden;
      .tit-text{
        float: left;
      }
      .tit-text-detail{
        font-weight: normal;
        margin-right: 8px;
      }
    }
    .expert-info-cont{
      padding-top: 5px;
      font-size: 14px;
    }
  }

}